/*
 * Component: Table
 * --------------
 */
.table {
  > thead,
  > tbody,
  > tfoot {
    > tr {
      > th,
      > td {
        line-height: @table-line-height;
      }
    }
  }
}

//No Outer Bordered Table
.table-inner-bordered {
  background-color: @table-bg;
  > thead,
  > tbody,
  > tfoot {
    > tr {
      > th,
      > td {
        padding-left: 10px;
        border: 1px solid @table-border-color;
      }
    }
  }

  > thead:first-child > tr:first-child > th {
    border-top: 1px solid @box-border-color;
  }

  > thead > tr {
    > th {
      color: @table-thead-color;
      background: @table-thead-bg;
    }
    //> th.table-btn:last-child {
    //  padding: 2px 8px 2px 30px;
    //}
  }

  > tbody > tr {
    > td {
      color: @table-tbody-color;
      border-top-width: 0px;
      border-left-width: 0px;
    }
    > td:last-child {
      border-right-width: 0px;
    }
    > td.table-btn:last-child {
      padding: 6px 8px 8px 30px;
    }
  }
}

.table-header {
  width: 100%;
  height: 40px;
  border: 1px solid @table-border-color;
  padding: 9px;
  font-size: @font-size + 2;
  color: @table-color-primary;
  .bg-linear-gradient();
}

.table.table-info {
  span {
    color: @table-span-color
  }
  > thead,
  > tbody,
  > tfoot {
    > tr {
      border-bottom: 2px dashed @table-border-color-info;
      > th,
      > td {
        color: @table-color-info;
        font-size: @font-size;
        border-top: 0;
        padding: 8px 8px 8px 0px;
      }
    }
  }

  //&.light{
  //  background-color: @white;
  //}
}

// Detail Table
.table.table-detail {
  width: 100%;
  font-size: @font-size;
  margin-top: 10px;
  > thead {
    > tr {
      > th, td {
        border: 1px solid @table-border-color !important;
        padding-left: 10px;
        color: @table-thead-color;
        .bg-linear-gradient();
      }
    }
  }
  > tbody {
    > tr {
      > td {
        padding-left: 10px;
        border-top: 1px solid @table-border-color;
        border-right: 1px solid @table-border-color;
        border-bottom: 1px solid @table-border-color;
        color: @table-tbody-color;
        > span {
          color: @table-tbody-color;
        }
      }
      > td:last-child {
        border-right: none;
      }
    }
  }
}

.with-border-top > thead:first-child > tr:first-child > th {
  border-top: 1px solid @box-border-color;
}